﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="payment.aspx.cs" Inherits="payment" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style7
        {
            text-align: center;
            width: 108px;
        }
        .style8
        {
            width: 435px;
            text-align: center;
        }
        .style9
        {
            width: 106px;
        }
        .style10
        {
            text-align: center;
            width: 108px;
            height: 2px;
        }
        .style11
        {
            width: 198px;
        }
        .style12
        {
            width: 123px;
        }
        .style13
        {
            width: 65px;
        }
        .style14
        {
            width: 114px;
        }
        </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
    <table class="style1">
        <tr>
            <td class="style7">
                <asp:Image ID="Image1" runat="server" Height="90px" 
                    ImageUrl="~/image/mastercard.jpg" style="text-align: center" 
                    Width="150px" />
            </td>
            <td class="style9" rowspan="4">
                <asp:RadioButtonList ID="RadioButtonList1" runat="server" Height="372px">
                    <asp:ListItem>MasterCard</asp:ListItem>
                    <asp:ListItem>VISA</asp:ListItem>
                    <asp:ListItem>PayPal</asp:ListItem>
                    <asp:ListItem>AmericanExpress</asp:ListItem>
                </asp:RadioButtonList>
                </td>
            <td class="style8" rowspan="4">
                <asp:Image ID="Image5" runat="server" Height="329px" 
                    ImageUrl="~/image/money.jpg" 
                    Width="321px" />
                <br />
            </td>
        </tr>
        <tr>
            <td class="style7">
                <asp:Image ID="Image2" runat="server" Height="90px" 
                    ImageUrl="~/image/visa.png" style="text-align: center" 
                    Width="150px" />
            </td>
        </tr>
        <tr>
            <td class="style7">
                <asp:Image ID="Image3" runat="server" Height="90px" 
                    ImageUrl="~/image/paypal1.jpg" style="text-align: center" 
                    Width="150px" />
            </td>
        </tr>
        <tr>
            <td class="style10">
                <asp:Image ID="Image4" runat="server" Height="90px" 
                    ImageUrl="~/image/americanexpress.jpg" 
                    style="text-align: center" Width="150px" />
            </td>
        </tr>
    </table>
    <table class="style1">
        <tr>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td class="style13">
                <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Back" 
                    Width="78px" />
            </td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td class="style12">
                Total $:
                <asp:Label ID="Label11" runat="server"></asp:Label>
                </td>
            <td>
                &nbsp;</td>
            <td class="style14">
                &nbsp;</td>
            <td>
                <asp:Button ID="Button1" runat="server" Text="Next" Width="78px" 
                    onclick="Button1_Click" style="height: 26px" />
            </td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td class="style11">
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
    </table>
    <p>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
            ControlToValidate="RadioButtonList1" 
            ErrorMessage="please select the online bank" ForeColor="Red"></asp:RequiredFieldValidator>
    </p>
    </form>
</body>
</html>
